<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./css/index.css" />
    <title>Document</title>
</head>
<body>
    <main id="app">
        <div class="warrper">
            <form>
                <p>
                    姓名：
                    <input v-model="info.name" type="text">
                </p>
                <p>
                    年龄：
                    <input v-model="info.age" type="number">
                </p>
                <p>
                    身高：
                    <input v-model="info.height" type="text">（米）
                </p>
                <p>
                    体重：
                    <input v-model="info.wegiht" type="number"> (公斤)
                </p>
                <p>
                    病史：
                    <input v-model="info.disease" type="text">
                </p>
                <button @click="submit">诊断</button>
                <div>{{info.result}}</div>
            </form>
        </div>
    </main>
    <script src="./js/vue.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>